<div nz-row nzJustify="space-between" nzAlign="top" [nzGutter]="[16, 24]">
  <div nz-col nzSpan="6">
    <app-subject-tree (clickNode)="selectNode($event)" [nodes]="subJectTreeNodes"> </app-subject-tree>
  </div>
  <div nz-col nzSpan="18">
    <div nz-row>
      <div nz-col nzSpan="24">
        <app-search-criteria
          [channel_class]="requestData.platform"
          (keyWordsArray)="getChildKeyWords($event)"
          (selectedTimeArray)="getSelectedTime($event)"
          (channelClassData)="getChannelClassData($event)"
          (sortTypeString)="getSortType($event)"
          [sumCount]="count"
          (showZhaiYao)="getShowZhaiYao($event)"
        >
        </app-search-criteria>
      </div>
      <div nz-col nzSpan="24">
        <nz-card [ngClass]="{ 'animate__animated animate__shakeX': this.count === '0' }">
          <nz-spin [nzSpinning]="isSpinning" nzTip="Loading...">
            <app-data-table
              [data]="data"
              [pageName]="'publicSentiment'"
              [pageIndex]="requestData.pageNum"
              [pageSize]="requestData.pageSize"
              [keywords]="requestData.keywords"
              [abstractText]="abstractText"
              [browseText]="browseText"
            >
            </app-data-table>
          </nz-spin>
          <div class="text-align-center">
            <nz-affix [nzOffsetBottom]="10">
              <nz-pagination
                (nzPageIndexChange)="pageIndexChange($event)"
                (nzPageSizeChange)="pageSizeChange($event)"
                [nzTotal]="count"
                [nzSize]="'default'"
                nzShowSizeChanger
                nzShowQuickJumper
              ></nz-pagination>
            </nz-affix>
          </div>
        </nz-card>
      </div>
    </div>
  </div>
</div>
<nz-back-top></nz-back-top>
